//弹出层
.popups-module {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    .popups-module-wrap {
        width: 100%;
        height: 100%;
        background: rgba(#000, .75);
    }
    .popups-module-box {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        z-index: 100;
        width: 240px;
        height: 300px;
        background: #fff;
        border-radius: 5px;
        overflow-y: scroll;
        &::-webkit-scrollbar {
            display: none;
        }
    }
    .popups-module-header {
        position: absolute;
        top: -300px - 34px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        z-index: 100;
        width: 240px;
        height: 34px;
        line-height: 34px;
        background: #fff;
        text-align: center;
        font-size: 16px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        &:after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 1px;
            transform: scaleY(.5);
            background: $border-color;
        }
        &~.popups-module-box{
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }
    }
    .popups-module-footer {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: -300px - 34px;
        margin: auto;
        z-index: 100;
        width: 240px;
        height: 34px;
        line-height: 34px;
        background: #fff;
        font-size: 16px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        &:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 1px;
            transform: scaleY(.5);
            background: $border-color;
        }
        &~.popups-module-box{
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }
    }
}